<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="core" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>

<head>
	<title><spring:message code="titulo.entrar" text="ConstruSoft Suite - Entrar" /></title>   	
</head>
<body>
	<div class="contenedor chico">
		<form name="formEntrar" action="<spring:url value="/j_spring_security_check" />" method="post" accept-charset="UTF-8" autocomplete="off" >
			<h2><spring:message code="etiqueta.entrar" text="Entrar" /></h2>
				
			<div class="campo">
				<label for="j_username"><spring:message code="etiqueta.usuario" text="Usuario" /></label>
				<input type="text" id="usuario" name="j_username" maxlength="50" placeholder="<spring:message code="etiqueta.usuario" text="Usuario" />" tabindex="1" autofocus="autofocus" title="<spring:message code="hint.usuario" text="Por favor, ingrese el usuario que le fue otorgado." />" />
			</div>
				
			<div class="campo">
				<label for="j_password"><spring:message code="etiqueta.password" text="Contraseña" /></label>
				<input type="password" id="password" name="j_password" maxlength="20" placeholder="<spring:message code="etiqueta.password" text="Contraseña" />" tabindex="2" title="<spring:message code="hint.password" text="Por favor, ingrese su contraseña." />" />	
			</div>
			
			<div class="recuerdame">
      			<input type="checkbox" id="recuerdame" name="_spring_security_remember_me" tabindex="3" title="<spring:message code="hint.recuerdame" text="Marca aquí si quieres que tu sesion se mantenga abierta." />" />
      			<label><spring:message code="etiqueta.recordar" text="Recordar" /></label>						
			</div>
				
			<button type="submit" tabindex="4"><spring:message code="etiqueta.entrar" text="Entrar" /></button>
			
			<a class="link-cambiar" tabindex="5" href="javascript:credenciales();"><spring:message code="etiqueta.noPuedoEntrar" text="No puedes entrar?" /></a>
		</form>
	</div>
	
	<!-- JAVASCRIPT -->
	<script type="text/javascript">
		jQuery(document).ready(function(){	

			jQuery('#usuario').click(function(){
				jQuery('#usuario').val(''); 
    		});
			jQuery('#password').click(function(){
				jQuery('#password').val(''); 
    		});

			jQuery("form").validity(function() {
    			// Requerido. Debe ser un correo electrónico. Entre 1 y 50 caracteres (inclusive)
    			jQuery("#usuario")
    				.require('<spring:message code="mensaje.usuarioRequerido" text="Por favor, ingrese su usuario (correo electrónico)." />')
    				.match("email", '<spring:message code="mensaje.correoElectronicoInvalido" text="Por favor, ingrese un correo electrónico válido." />')
    				.maxLength(50);

    			// Requerido. Entre 8 y 20 caracteres (inclusive)
	        	jQuery("#password")
	        		.require('<spring:message code="mensaje.passwordRequerida" text="Por favor, ingrese su contraseña." />')
	        		//.minLength(8)
	        		.maxLength(20);
            });

    		<core:if test="${!empty sessionScope.SPRING_SECURITY_LAST_EXCEPTION}">
	        	<core:if test="${!empty sessionScope.SPRING_SECURITY_LAST_EXCEPTION.campo}">
	        		mensajeErrorEnCampo("${sessionScope.SPRING_SECURITY_LAST_EXCEPTION.campo}", "${sessionScope.SPRING_SECURITY_LAST_EXCEPTION.message}");

	        		<core:remove scope="session" var="SPRING_SECURITY_LAST_EXCEPTION"/>
	        	</core:if>
	    	</core:if>    		
   		});

   		function credenciales() {
   			redirige("credenciales.do");
   	   	}
    </script>
</body>